<!-- 动态页 话题页面 话题列表组件 -->
<template>
	<view class="flex align-center p-2 animate__animated animate__fadeIn" @click="openDetail">
		<image
			:src="item.coverImg"
			style="width: 150rpx;height: 150rpx;"
			class="rounded mr-2"
		></image>
		<view class="flex flex-column flex-1">
			<text class="font-md text-dark">#{{item.title}}#</text>
			<text class="font text-secondary">{{item.desc}}</text>
			<view class="flex align-center font text-secondary">
				<text class="mr-2">动态：{{item.news_count}}</text>
				<text>今日：{{item.today_count}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			item:Object,
			index:Number,
			// 用于 判断 是否发布页进入的
			choose:{
				type:Boolean,
				default:false
			}
		},
		methods:{
			// 打开话题详情页
			openDetail(){
				if(this.choose){
					// 通知父组件，点击了那个话题分栏,将 此话题数据id,标题传入
					uni.$emit('chooseTopic',{
						id:this.item.id, 
						title:this.item.title
					})
					// 并返回上一页
					return uni.navigateBack({
						delta:1
					})
				};
				// 打开话题详情页
				uni.navigateTo({
					// 路由传参
					url:"../../pages/topic-detail/topic-detail?detail="+JSON.stringify(this.item)
				})
			}
		}
	}
</script>

<style>
</style>